.login {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url('/imgs/login_bg.png');
    .login-panel {
        width: 400px;
        padding: 50px 50px 20px;
        box-sizing: border-box;
        background-color: #fff;
        box-shadow: 0 0 76px #ccc;
        display: flex;
        flex-direction: column;
        justify-content: center;
        .title {
            margin-bottom: 40px;
            font-size: 20px;
            letter-spacing: 1px;
            font-weight: 600;
            color: #555;
            text-align: center;
        }
        .login-form {
            margin-top: 40px;
            .el-form-item {
                :deep(.el-input__inner) {
                    border: none;
                    border-bottom: 1px solid #eaeaea;
                }

                .login-submit {
                    width: 100%;
                }

                :deep(.el-form-item__content) {
                    display: flex;
                    .code-img {
                        display: inline-block;
                        margin-left: 20px;
                        height: 36px;
                        width: auto;
                        box-shadow: 0 0 10px #eee;
                        cursor: pointer;
                    }
                }
            }
        }
    }

    :deep(.el-input__wrapper) {
        box-shadow: 0 0 0 0px var(--el-input-border-color, var(--el-border-color)) inset;
        cursor: default;
        padding: 0px;
        .el-input__inner {
            cursor: default !important;
        }
    }

    :deep(.el-button.is-text:not(.is-disabled):focus, .el-button.is-text:not(.is-disabled):hover) {
        background-color: #fff;
    }
    :deep(.el-button.is-text:not(.is-disabled):hover, .el-button.is-text:not(.is-disabled):focus) {
        background-color: #fff;
    }
    :deep(.el-form-item.is-error .el-input__wrapper) {
        box-shadow: none;
    }
}
